/**
 * 
 * @authors 前端小灰狼
 * @date    2020-12-10 16:48:28
 * @version v1.0
 * @description the core js of todolist project
 * 
 * ━━━━━━神兽出没━━━━━━
 * 　　   ┏┓　 ┏┓
 * 　┏━━━━┛┻━━━┛┻━━━┓
 * 　┃              ┃
 * 　┃       ━　    ┃
 * 　┃　  ┳┛ 　┗┳   ┃
 * 　┃              ┃
 * 　┃       ┻　    ┃
 * 　┃              ┃
 * 　┗━━━┓      ┏━━━┛ Code is far away from bugs with the animal protecting.
 *       ┃      ┃     神兽保佑,代码无bug。
 *       ┃      ┃
 *       ┃      ┗━━━┓
 *       ┃      　　┣┓
 *       ┃      　　┏┛
 *       ┗━┓┓┏━━┳┓┏━┛
 *     　  ┃┫┫　┃┫┫
 *     　  ┗┻┛　┗┻┛
 *
 * ━━━━━━感觉萌萌哒━━━━━━
 */

// 请根据考试说明文档中列出的需求进行作答
// 预祝各位顺利通过本次考试，see you next week！
// ...


// $.ajax({
    
// })
$(function() {
jz();
$("#title").on("keyup", function(event) {
    if (event.keyCode === 13) {
        if ($(this).val() === "") {
            alert("请输入内容！");
        } else {
            
            var local = getData();
            
            local.push({ title: $(this).val(), done: false });
           
            shuju(local);
            
            jz();
            
            $(this).val("");
        }
}
});
    
$("ol,ul").on("click", "a", function() {
    var data = getData();
    var index = $(this).attr("id");
    data.splice(index, 1);
    shuju(data);
    jz();
})
    
$("ul,ol").on("click", "input", function() {
    var data = getData();
    var index = $(this).siblings("a").attr("id");
    data[index].done = $(this).prop("checked");
    shuju(data);
    jz();
})
    
function getData() {
    var data = localStorage.getItem("todolist");
    if (data !== null) {
        return JSON.parse(data);
    } else {
        return [];
    }
}
    
function shuju(data) {
    localStorage.setItem("todolist", JSON.stringify(data))
    }
    function jz() {
    $("ol,ul").empty();
    var data = getData();
    var donecount = 0;
    var todocount = 0;
    $.each(data, function(index, value) {
        if (value.done) {
            donecount++;
            $("ul").prepend("<li><input type='checkbox' checked='checked'></input><p> " + value.title + "</p><a href='javascript:;' id=" + index + "></a></li>");
        } else {
            todocount++;
            $("ol").prepend("<li><input type='checkbox'></input><p> " + value.title + "</p><a href='javascript:;' id=" + index + "></a></li>");
        }
});
    $("#todocount").text(todocount);
    $("#donecount").text(donecount);
}

})





    
const p =new Promise(function(f,r){
        $.ajax({
            url:'https://api.iynn.cn/getIpInfo',
            type:'get',
            data:{ip:'10.9.29.183'},
            dataType:'jsonp',
            jsonp:'cb',
            success:f,
            error:r
        })
})
p.then(function(){
        cb()
})